.app{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.game-box{
  width: 360px;
  height: 420px;
  background-color: aquamarine;
  margin:100px auto;
  border:5px solid black;
  border-radius: 7px;
  font:bold 20px "Courier";
}

.game-panel{
  width: 304px;
  height: 304px;
  border: 2px solid black;
  margin:20px auto;
  position: relative;
}

.score-panel{
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
}

.snake{
  width: 10px;
  height: 10px;
  background-color: black;
  position:absolute;
  border: 1px solid aquamarine;
}

.food{
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: black;
  transform: rotate(45deg);
  border: 1px solid aquamarine;
}

.startgame{
  display: flex;
  justify-content: space-around;
  border-color: aquamarine;
  background-color: aquamarine;
}